<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <title>首页</title>
    <link rel="shortcut icon" href="./favicon.ico">
    <link rel="bookmark" href="./favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/normalize  7.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./layui/css/layui.css">
    <script>
        if (!sessionStorage.getItem("userid")) {
            window.location.href = "login.html"
        }
    </script>
    <script src="./js/vue.min.js"></script>
    <script src="./js/vue-resource-1.3.4.js"></script>
    <script src="./layui/layui.js"></script>
</head>
<style>
    [v-cloak] {
        display: none !important;
    }

    #tips {
        margin: 2px 0 0 100px;
    }

    #tips span {
        float: left;
        width: 50px;
        height: 20px;
        color: white;
        margin-right: 2px;
        line-height: 20px;
        text-align: center;
    }

    .paswordlen {
        background: green !important;
    }

    .paswordlenr {
        background: rgb(219, 47, 4) !important;
    }
</style>

<body id="bod">
    <div id="user" v-cloak>
        <div class="index_left">
            <div class="login_on">
                <div class="login"></div>
            </div>

            <ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo" style="margin-right: 10px;" lay-shrink="">
                <li class="layui-nav-item  layui-this" @click="displayInformation(0)">
                    <a href="javascript:;">首页</a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">客户基本信息</a>
                    <dl class="layui-nav-child">
                        <dd @click="displayInformation(2)">
                            <a href="javascript:;">基本信息</a>
                        </dd>
                        <dd @click="displayInformation(3)">
                            <a href="javascript:;">账户信息</a>
                        </dd>
                        <dd @click="displayInformation(4)">
                            <a href="javascript:;">产品信息</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">交易查询</a>
                    <dl class="layui-nav-child">
                        <dd @click="displayInformation(5)">
                            <a href="javascript:;">收款订单查询</a>
                        </dd>
                        <dd @click="displayInformation(6)">
                            <a href="javascript:;">付款订单查询</a>
                        </dd>
                        <dd @click="displayInformation(7)">
                            <a href="javascript:;">对账查询</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">服务中心</a>
                    <dl class="layui-nav-child">
                        <dd @click="displayInformation(8)" id="aq">
                            <a href="javascript:;">安全管理</a>
                        </dd>
                        <dd @click="displayInformation(9)">
                            <a href="javascript:;">密钥</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item" @click="displayInformation(10)">
                    <a href="javascript:;">结算操作</a>
                </li>
            </ul>
        </div>
        <div class="index_right">
            <div class="right_top">
                <ul class="layui-nav" style="float:right">
                    <!-- <li class="layui-nav-item" @click='tc("暂未开通")'>
                        <span class="layui-badge-dot" style="margin:-8px 82px 0"></span>
                        <a href="javascript:;">个人中心</a>
                    </li>  -->
                    <li class="layui-nav-item" lay-unselect="">
                        <a href="javascript:;">
                            {{username}},欢迎登陆</a>
                        <dl class="layui-nav-child">
                            <!-- <dd onclick="document.getElementById('aq').onclick">
                                <a href="javascript:;">安全中心</a>
                            </dd> -->
                            <dd @click="signout()">
                                <a href="javascript:;">退出</a>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="user_massage">
                <div class="user_massage_in">
                    <div class="user_massage_top">
                        <div v-if="titelfool1" class="user_massage_titel"></div>
                        <div v-if="titelfool2" class="user_massage_titel_mas"></div>
                        <div v-if="titelfool3" class="user_massage_titel_jysearch"></div>
                        <div v-if="titelfool5" class="user_massage_titel_fw"></div>
                        <div v-if="titelfool4" class="user_massage_titel_sk"></div>
                        <div v-if="titelfool6" class="user_massage_titel_dz"></div>
                        <div v-if="titelfool7" class="user_massage_titel_my"></div>
                        <div v-if="titelfool8" class="user_massage_titel_wjsc"></div>
                    </div>
                    <div class="user_time">
                        <div>
                            <div>{{day}}</div>
                            <div>
                                <span>{{getdate}}</span>
                                <span>{{month}}</span>
                            </div>
                        </div>
                        <div class="user_hms">
                            <span>{{timeSystem}}</span>
                            <span>{{hourMin}}</span>
                        </div>
                    </div>
                </div>
            </div>



            <!-- 基本信息开始 -->
            <!-- <div class="user-ind" v-show="usermas2"> -->
            <div class="user-ind" v-show="usermas1">
                <div class="user_ind-left">
                    <div>
                        <ul class="user_ind-left_top">
                            <li>上次登录时间</li>
                            <li>{{EssInfoLastlandingtime}}</li>
                        </ul>

                        <ul class="user_ind-left_top">
                            <li>预留信息</li>
                            <li class="rjcolor">{{EssInfoReservedinformation}}</li>
                        </ul>
                    </div>
                    <div>
                        <ul class="user_ind-left_top">
                            <li>商户名称</li>
                            <li class="rjname">{{BaseInfo.company}}</li>
                        </ul>



                        <ul class="user_ind-left_top">
                            <li>商户编号</li>
                            <li class="rjcolor">{{EssInfoMerchantNumber}}</li>
                        </ul>

                        <ul class="user_ind-left_top">
                            <li>登录操作员</li>
                            <li class="rjcolor">{{username}}</li>
                        </ul>
                        <ul class="user_ind-left_top">
                            <li>&nbsp;</li>
                            <li class="rjcolor">&nbsp;</li>
                        </ul>
                    </div>
                </div>
                <div class="user_ind_right">
                    <div class="user_ind_right_top">账户资金</div>
                    <div>
                        <ul class="user_ind-info">
                            <li class="user_ind_info_in">
                                <ul class="user_ind-information">
                                    <li>可用余额</li>
                                    <li>{{EssInfoAvailableBalance}}</li>
                                    <img src="./images/ico1.png">
                                </ul>
                            </li>
                            <li class="user_ind_info_in">
                                <ul class="user_ind-information">
                                    <li>冻结金额</li>
                                    <li>{{EssInfoFreezingAmount}}</li>
                                    <img src="./images/ico2.png">
                                </ul>
                            </li>
                            <li class="user_ind_info_in">
                                <ul class="user_ind-information">
                                    <li>待结算金额</li>
                                    <li>{{EssInfoUnsettledAmount}}</li>
                                    <img src="./images/ico3.png">
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <!-- <div class="user-ind-em" @click="displayInformation(2)">查看详情</div> -->
                    </div>
                </div>
            </div>
            <!-- 基本信息结束 -->

            <!-- 客户信息开始 -->
            <div class="customer_basic_information" v-show="usermas2">
                <div class="customer_basic_information_on">
                    <div>基本信息</div>
                    <ul>
                        <li>
                            <span>商户名称</span>
                            <span>{{BaseInfo.company}}</span>
                        </li>
                        <li>
                            <span>商户编号</span>
                            <span>{{EssInfoMerchantNumber}}</span>
                        </li>
                        <li>
                            <span>注册地址</span>
                            <span>{{BaseInfo.RegAddress}}</span>
                        </li>
                        <li>
                            <span>公司电话</span>
                            <span>{{BaseInfo.TelPhone}}</span>
                        </li>
                        <li>
                            <span>行业类型</span>
                            <span>{{BaseInfo.HyType}}</span>
                        </li>
                        <li>
                            <span>行业细分</span>
                            <span>{{BaseInfo.HyXf}}</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <span>法人姓名</span>
                            <span>{{BaseInfo.LegaName}}</span>
                        </li>
                        <li>
                            <span>法人身份证号</span>
                            <span>{{BaseInfo.LegaCardId}}</span>
                        </li>
                        <li>
                            <span>身份证有效期</span>
                            <span>{{BaseInfo.DateCarId}}</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <span>营业执照号</span>
                            <span>{{BaseInfo.YyZz}}</span>
                        </li>
                        <li>
                            <span>营业执照有效期</span>
                            <span>{{BaseInfo.YyZzDate}}</span>
                        </li>
                        <li>
                            <span>入网日期</span>
                            <span>{{BaseInfo.InfoNetDate}}</span>
                        </li>
                    </ul>
                </div>
                <div class="customer_basic_information_on">
                    <div>开票信息</div>
                    <ul>
                        <li>
                            <span>开票名称</span>
                            <span>{{kpxx.TicketOpening}}</span>
                        </li>
                        <li>
                            <span>税号</span>
                            <span>{{kpxx.DutyParagraph}}</span>
                        </li>
                        <li>
                            <span>单位地址</span>
                            <span>{{kpxx.UnitAddress}}</span>
                        </li>
                        <li>
                            <span>公司电话</span>
                            <span>{{kpxx.TOICompanyTel}}</span>
                        </li>
                        <li>
                            <span>开户银行</span>
                            <span>{{kpxx.OpeningBank}}</span>
                        </li>
                        <li>
                            <span>银行账户</span>
                            <span>{{kpxx.BankAccount}}</span>
                        </li>
                        <li>
                            <span>是否一般纳税人</span>
                            <span>{{kpxx.GeneralTaxpayer}}</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <span>收件人</span>
                            <span>{{kpxx.RecName}}</span>
                        </li>
                        <li>
                            <span>电话</span>
                            <span>{{kpxx.phone}}</span>
                        </li>
                        <li>
                            <span>收件人地址</span>
                            <span>{{kpxx.recAddress}}</span>
                        </li>
                    </ul>
                </div>
                <div class="customer_basic_information_on">
                    <div>联系人信息</div>
                    <ul>
                        <li>
                            <span>业务联系人</span>
                            <span>{{lxInfo.BsRecName}}</span>
                        </li>
                        <li>
                            <span>电话</span>
                            <span>{{lxInfo.BsTelphone}}</span>
                        </li>
                        <li>
                            <span>邮箱</span>
                            <span>{{lxInfo.Bsemail}}</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <span>财务联系人</span>
                            <span>{{lxInfo.BsRecName2}}</span>
                        </li>
                        <li>
                            <span>电话</span>
                            <span>{{lxInfo.BsTelphone2}}</span>
                        </li>
                        <li>
                            <span>邮箱</span>
                            <span>{{lxInfo.Bsemail2}}</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <span>技术联系人</span>
                            <span>{{lxInfo.BsRecName3}}</span>
                        </li>
                        <li>
                            <span>电话</span>
                            <span>{{lxInfo.BsTelphone3}}</span>
                        </li>
                        <li>
                            <span>邮箱</span>
                            <span>{{lxInfo.Bsemail3}}</span>
                        </li>
                    </ul>

                </div>
            </div>
            <!-- 客户信息结束 -->

            <!-- 账户信息 -->
            <div class="customer_basic_information" v-show="usermas3">
                <div class="customer_basic_information_on">
                    <div>结算银行信息</div>
                    <ul>
                        <li>
                            <span>账户名称</span>
                            <span>{{jsInfo.SetBankTA}}</span>
                        </li>
                        <li>
                            <span>银行账号</span>
                            <span>{{jsInfo.SetBanAccount}}</span>
                        </li>
                        <li>
                            <span>开户类型</span>
                            <span>{{jsInfo.SetBankType}}</span>
                        </li>
                        <li>
                            <span>结算类型</span>
                            <span>{{jsInfo.SetBankSetType}}</span>
                        </li>
                        <li>
                            <span>最低结算金额（元）</span>
                            <span>{{jsInfo.SetMinAmount}}</span>
                        </li>
                        <li>
                            <span>银行名称</span>
                            <span>{{jsInfo.SetBankName}}</span>
                        </li>
                        <li>
                            <span>支行名称</span>
                            <span>{{jsInfo.SetBankBranch}}</span>
                        </li>
                        <li>
                            <span>支行所在地</span>
                            <span>{{jsInfo.SetBankAddress}}</span>
                        </li>
                    </ul>
                </div>


                <div class="customer_basic_information_on">
                    <div>付款银行信息</div>
                    <ul>
                        <li>
                            <span>账户名称</span>
                            <span>{{PayInfo.PayBankName}}</span>
                        </li>
                        <li>
                            <span>银行账号</span>
                            <span>{{PayInfo.PayBankAccount}}</span>
                        </li>
                        <li>
                            <span>开户类型</span>
                            <span>{{PayInfo.PayOpenType}}</span>
                        </li>
                        <li>
                            <span>银行名称</span>
                            <span>{{PayInfo.BankName}}</span>
                        </li>
                        <li>
                            <span>支行名称</span>
                            <span>{{PayInfo.PayBankBranch}}</span>
                        </li>
                        <li>
                            <span>支行所在地</span>
                            <span>{{PayInfo.PayBankAddress}}</span>
                        </li>
                    </ul>
                </div>

            </div>
            <!-- 账户信息 -->

            <!-- 产品信息 -->
            <div class="customer_basic_information" v-show="usermas4">
                <div class="customer_basic_information_on customer_basic_information_in">
                    <div>
                        <span>产品名称</span>
                        <span>费率</span>
                        <span>费率计算方式</span>
                    </div>
                    <div v-for="item in cpInfo">
                        <span style="font-size: 16px;color: #626262;">{{item.PrName}}</span>
                        <span style="font-size: 16px;color: #626262;">{{item.PrFee}}</span>
                        <span style="font-size: 16px;color: #626262;">{{item.PrFeeType}}</span>
                    </div>
                </div>

            </div>
            <!-- 产品信息 -->

            <!-- 收款订单查询 -->
            <div class="customer_basic_information" v-show="usermas5" style="background-color: #fff;">
                <div class="layui-f">
                    <form class="layui-form" onsubmit="return false">
                        <div class="layui-form-item">
                            <div class="layui-inline" style="width: 100%;">
                                <div style="width:33.33%;overflow: hidden;float: left;">
                                    <label class="layui-form-label">查询日期</label>
                                    <div class="layui-input-inline" style="width:76%;">
                                        <input type="text" name="date" id="date" placeholder="-" class="layui-input">
                                    </div>
                                </div>
                                <div style="width:33.33%;overflow: hidden; float: left;">
                                    <label class="layui-form-label">商户订单号</label>
                                    <div class="layui-input-inline" style="width:76%;">
                                        <input type="text" name="merc_order_no" lay-verify="title" autocomplete="off" class="layui-input" id="shddh">
                                    </div>
                                </div>
                                <div style="width:33.33%;overflow: hidden; float: left;">
                                    <label class="layui-form-label">平台订单号</label>
                                    <div class="layui-input-inline" style="width:76%;">
                                        <input type="text" name="sys_order_no" lay-verify="title" autocomplete="off" class="layui-input" id="shddh">
                                    </div>
                                </div>

                            </div>
                            <div style="height: 20px;"></div>
                            <div class="layui-inline" style="width: 100%;">
                                <div style="width:33.33%;float: left;">
                                    <label class="layui-form-label">业务产品</label>
                                    <div class="layui-input-inline" style="width:76%;">
                                        <select name="pr_id" lay-filter="aihao" id="cpsel">
                                        </select>
                                    </div>
                                </div>
                                <!-- <div style="width:33.33%;float: left;">
                                    <label class="layui-form-label">支付方式</label>
                                    <div class="layui-input-inline" style="width:76%;">

                                        <select name="paytype" lay-filter="aihao">
                                            <option value="" selected=""></option>
                                            <option value="0">付款至存折</option>
                                            <option value="1">付款至对公账户</option>
                                            <option value="2">付款至借记卡</option>
                                            <option value="3">付款至贷记卡</option>
                                        </select>

                                    </div>
                                </div> -->
                                <div style="width:33.33%;float: left;">
                                    <label class="layui-form-label">订单状态</label>
                                    <div class="layui-input-inline" style="width:76%;">

                                        <select name="order_status" lay-filter="aihao">
                                            <option value="" selected=""></option>
                                            <option value="1">支付成功</option>
                                            <option value="0">未支付</option>
                                            <option value="2">支付失败</option>
                                            <option value="3">处理中</option>
                                            <option value="4">已退款</option>
                                        </select>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="demo1">立即提交</button>
                                <button class="layui-btn" onclick="downcsv('skdd')">导出当前</button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </form>
                </div>
                <table class="layui-hide" id="demo" lay-filter="demo"></table>
            </div>
            <!-- 收款订单查询 -->

            <!-- 付款订单查询 -->
            <div class="customer_basic_information" v-show="usermas6" style="background-color: #fff;">
                <div class="layui-f">
                    <form class="layui-form" onsubmit="return false">
                        <div class="layui-form-item">
                            <div class="layui-inline" style="width: 100%;">
                                <div style="width:33.33%;float: left;">
                                    <label class="layui-form-label">查询日期</label>
                                    <div class="layui-input-inline" style="width:76%;">
                                        <input type="text" name="date" id="date1" placeholder="-" class="layui-input">
                                    </div>
                                </div>
                                <div style="width:33.33%; float: left;">
                                    <label class="layui-form-label">商户订单号</label>
                                    <div class="layui-input-inline" style="width:76%;">
                                        <input type="text" name="merc_order_no" lay-verify="title" autocomplete="off" class="layui-input" id="shddh">
                                    </div>
                                </div>
                                <!-- <div style="width:33.33%; float: left;">
                                    <label class="layui-form-label">是否退回</label>
                                    <div class="layui-input-inline" style="width:76%;">
                                        <select name="order_status" lay-filter="aihao">
                                            <option value="" selected=""></option>
                                            <option value="0">是</option>
                                            <option value="1">否</option>
                                        </select>
                                    </div>
                                </div> -->
                                <div style="width:33.33%;float: left;">
                                    <label class="layui-form-label">订单类型</label>
                                    <div class="layui-input-inline" style="width:76%;">
                                        <select name="paytype" lay-filter="aihao">
                                            <option value="" selected=""></option>
                                            <option value="1">商户后台</option>
                                            <option value="2">API</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 20px;"></div>
                            <div class="layui-inline" style="width: 100%;">
                                <!-- <div style="width:33.33%;float: left;">
                                    <label class="layui-form-label">业务产品</label>
                                    <div class="layui-input-inline" style="width:76%;">
                                        <select name="pr_id" lay-filter="aihao" id="fkcpsel">
                                        </select>
                                    </div>
                                </div> -->
                                <div style="width:33.33%;overflow: hidden; float: left;">
                                    <label class="layui-form-label">收款账户名</label>
                                    <div class="layui-input-inline" style="width:76%;">
                                        <input type="text" name="cardName" lay-verify="title" autocomplete="off" class="layui-input" id="shddh">
                                    </div>
                                </div>
                                <div style="width:33.33%;overflow: hidden; float: left;">
                                    <label class="layui-form-label">收款账户号</label>
                                    <div class="layui-input-inline" style="width:76%;">
                                        <input type="text" name="cardNo" lay-verify="title" autocomplete="off" class="layui-input" id="shddh">
                                    </div>
                                </div>
                                <div style="width:33.33%;float: left;">
                                    <label class="layui-form-label">订单状态</label>
                                    <div class="layui-input-inline" style="width:76%;">
                                        <select name="order_status" lay-filter="aihao">
                                            <option value="" selected=""></option>
                                            <option value="1">支付成功</option>
                                            <option value="0">未支付</option>
                                            <option value="2">支付失败</option>
                                            <option value="3">处理中</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="fk">立即提交</button>
                                <button class="layui-btn" onclick="downcsv('fkdd')">导出当前</button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </form>
                </div>
                <table class="layui-hide" id="fk" lay-filter="demo"></table>
            </div>
            <!-- 付款订单查询 -->

            <!-- 对账查询 -->
            <div class="customer_basic_information" v-show="usermas7" style="background-color: #fff;">
                <div class="layui-f">
                    <form class="layui-form" onsubmit="return false">
                        <div class="layui-form-item">
                            <div class="layui-inline" style="width: 100%;">
                                <div style="width:33.33%;float: left;">
                                    <label class="layui-form-label">查询日期</label>
                                    <div class="layui-input-inline" style="width:76%;">
                                        <input type="text" name="date" class="layui-input" id="dzdate" placeholder="yyyy-MM-dd">
                                    </div>
                                </div>
                                <button class="layui-btn" lay-submit lay-filter="dz">立即提交</button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </form>
                </div>
                <table class="layui-hide" id="dz" lay-filter="dz"></table>
            </div>
            <!-- 对账查询 -->

            <!-- 安全管理改密 -->
            <div class="cipher" v-show="usermas8">
                <div class="">
                    <ul class="">
                        <li class="">
                            <label>
                                <span>原始密码</span>
                                <input type="password" placeholder="请输入原始密码" maxlength="16" onpaste="return false;" oncontextmenu="return false" v-model="opsw"
                                    onkeydown="if(event.keyCode==32) return false">
                            </label>
                        </li>
                        <li class="">
                            <label>
                                <span>新登录密码</span>
                                <input type="password" placeholder="密码必须包含数字、字母及特殊字符" maxlength="16" onpaste="return false;" oncontextmenu="return false"
                                    v-model="npsw" onkeyup="this.value = this.value.replace(/\s+/g, '')" onkeydown="if(event.keyCode==32) return false"
                                    @keyup="paswordleng()">
                                <div id="tips">
                                    <span :class="past0?'paswordlenr':''"></span>
                                    <span :class="past1?'paswordlenr':''"></span>
                                    <span :class="past2?'paswordlen':''"></span>
                                    <span :class="past3?'paswordlen':''"></span>
                                </div>
                            </label>
                        </li>
                        <li class="">
                            <label>
                                <span>确认新密码</span>
                                <input type="password" placeholder="密码必须包含数字、字母及特殊字符" maxlength="16" onpaste="return false;" oncontextmenu="return false"
                                    v-model="bgnpsw" onkeydown="if(event.keyCode==32) return false">
                            </label>
                        </li>
                    </ul>
                    <div class="transaction_query_input_bottoml cipher_btn">
                        <input type="button" value="重置" class="transaction_query_input_l" @click='uu.opsw="";uu.npsw="";uu.bgnpsw=""'>
                        <input type="button" value="提交" class="transaction_query_input_r" @click="modpass">
                    </div>
                </div>
                <div class="ip_settings">
                    <ul class="">
                        <li class="">
                            <label>
                                <span>IP白名单</span>
                                <textarea placeholder="" v-model="wlset"></textarea>
                            </label>
                        </li>
                        <li class="">
                            <span></span>
                            <textarea disabled>备注：IP白名单最多添加5个,如一次添加多个，请用回车分隔</textarea>
                        </li>
                    </ul>
                    <div class="transaction_query_input_bottoml cipher_btn">
                        <input type="button" value="提交" class="transaction_query_input_r" @click="whiteListSetting">
                    </div>
                </div>
            </div>
            <!-- 安全管理改密 -->
            <!-- 安全管理密钥 -->
            <div class="cipher" v-show="usermas9">
                <div class="">
                    <ul class="">
                        <li class="">
                            <label>
                                <span>电话号码</span>
                                <input type="text" disabled v-model="usertel">
                            </label>
                        </li>
                        <li class="" id="mouse4">
                            <label>
                                <span>验证码</span>
                                <input type="text" placeholder="请输入验证码" maxlength="6" v-model="dkeycode">
                                <button @click="cipherCode2()" :disabled="codedisabled2" style="padding:0 5px;" id="mouse3">{{codebutton2}}</button>
                            </label>
                        </li>
                        <li class="">
                            <label>
                                <span>密钥</span>
                                <!-- <input type="text" disabled v-model="dkey"> -->
                                <span style="border:1px solid #dfdfdf;width:260px;padding:0 10px">{{dkey}}</span>
                            </label>
                        </li>
                    </ul>
                    <div class="transaction_query_input_bottoml cipher_btn">
                        <input type="button" value="重置密钥" class="transaction_query_input_l" @click="restdkey()">
                        <input type="button" value="显示密钥" class="transaction_query_input_r" @click="resdkey()">
                    </div>
                </div>
            </div>
            <!-- 安全管理密钥 -->
            <!-- 文件上传 -->
            <div class="cipher" v-show="usermas10" style="overflow: hidden;">
                <div style="float: left;width: 36%;border-right: 1px dashed #4f4f4f;margin-bottom: 20px;">
                    <ul class="fileup">
                        <li class="">
                            <label>
                                <span>商户编号：</span>
                                <span style="width:auto">{{EssInfoMerchantNumber}}</span>
                            </label>
                        </li>
                        <li class="">
                            <label>
                                <span>商户名称：</span>
                                <span style="width:auto">{{BaseInfo.company}}</span>
                            </label>
                        </li>
                        <li class="">
                            <label>
                                <span>文件模板：</span>
                                <span>
                                    <a href="files/DP_10010000_20180627.xls" style="color:#009688">数据模板下载</a>
                                </span>
                            </label>
                        </li>
                        <li class="">
                            <label>
                                <span>上传文件：</span>
                                <input type="file" id="files" @change="getfile($event)" style="padding:0;border:0;line-height: 21px;">
                            </label>
                        </li>
                        <li class="">
                            <label>
                                <span>结算操作：</span>
                                <select v-model="kscxzpsel" style="width:295px;height:35px;border:1px solid #dfdfdf;">
                                    <option :value="item.PrId" v-for="(item, index) in ksczcp" :key="index">{{item.PrName}}</option>
                                </select>
                            </label>
                        </li>
                        <li class="" id="mouse">
                            <label>
                                <span>验证码：</span>
                                <span>
                                    <input type="text" placeholder="请输入验证码" maxlength="6" v-model="dkeycode2">
                                    <button @click="cipherCode2()" :disabled="codedisabled2" style="padding:0 5px;width:125px;" id="mouse2">{{codebutton2}}</button>
                                </span>
                            </label>
                        </li>
                    </ul>
                    <div class="transaction_query_input_bottoml cipher_tt" style="margin:10px 0 0 118px;">
                        <input type="button" value="提交" class="transaction_query_input_l" @click="postupfile()">
                    </div>

                </div>
                <div style="float: left;width:63%;height:100%;padding:0 20px;box-sizing: border-box;">
                    <p style="font-size: 14px;">上传记录</p>
                    <br>
                    <div style="font-size: 14px;overflow: auto;height: 180px;width:100%" v-html="fliestext"></div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./js/index.js?v=20180824"></script>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="edit">补单</a>
</script>

</html>